@charset "utf-8";
html {word-wrap: break-word;font-size: 75%;margin: 0;padding: 0;}
body{color:#222;-webkit-text-size-adjust: 100%;font-size:1.6rem;}
* html body {font-size: 100%;}
*:first-child+html body {font-size: 100%;}


.noPC{display:none;}
.noSP{display:block;}

#header{width:100%;border-bottom:1px solid #e9e9e9;}
#header h1{width:80px;margin:0 auto;padding:18px 0;}
.h1Mode {font-size: 2.0rem;color: #222;font-weight: normal !important;margin-bottom: 15px;}
.h1ModeTitle {font-size: 1.8rem;color: #222;font-weight: normal !important;margin-bottom: 15px; background-color: #efefef; padding: 10px 20px;}
#header .logo{margin:0 auto;padding:18px 0;}
#header .close{position:absolute;top:25px;right:20px;}
#contents{position:relative;width:100%;margin:0 auto;padding-top:30px;background:#fff;}
#contents .contain{width:900px;margin:0 auto;}
.txtexLink{background:url(../images/icon_window.gif) no-repeat center left;padding-left:10px;margin-left:5px;}
#contents .contain .ErrorArea{text-align:center;background:#ffebec;padding:20px 30px;margin-bottom:30px;font-size:1.3rem;}
#contents .contain .ErrorAreaUd{background:#ffebec;padding:20px 30px;margin-top:30px;font-size:1.3rem;}

/*-stepflow-*/
.stepflow{position:relative;width:100%;font-size:1.1rem;}
.stepflow .step4{width:100%;}
.stepflow .step4 td{padding:8px 20px 8px 8px;width:25%;background: #eee url(../images/bg_step_flow_def.gif) no-repeat right center;}
.stepflow .step4 .cur{color:#fff;background: #eb5505 url(../images/bg_step_flow_cur.gif) no-repeat right center;}
.stepflow .step4 .complete{padding:0;color:#fff;background:#aaa;vertical-align:middle;text-align:center;}
.stepflow .step4 .none{background:none;padding:0;}
.stepflow .step8{width:100%;}
.stepflow .step8 td{text-align: center;padding:8px 20px 8px 8px;width:14%;background: #eee url(../images/bg_step_flow_def.gif) no-repeat right center;}
.stepflow .step8 .cur{color:#fff;background: #eb5505 url(../images/bg_step_flow_cur.gif) no-repeat right center;}
.stepflow .step8 .complete{padding:0;color:#fff;background:#aaa;vertical-align:middle;text-align:center;}
.stepflow .step8 .none{background:none;padding:0;}

#contents .h2Title{position: relative;margin-top:50px;}
#contents .h2Title span{position: absolute;top: 50%;left: 0;content: '';display: inline-block;width:100%;height: 1px;background: #eb5505;z-index:1;}
#contents .h2Title h2{position:relative;width:20%;margin:0 auto;display:block;text-align:center;font-size:1.4rem;background:#fff;margin-top:-1rem;z-index:999;color:#eb5505;font-weight:bold;}
#contents .leadBox{font-size:1.4rem;margin-bottom:10px;}
#contents .costExBox{font-size:1.1rem;background:#fff7cf;margin-bottom:30px;padding:15px 20px;}


/*-BoxConfig-*/
#contents .AnswerContain{position:relative;}
/*-0803修正-*/
#contents .toSim{display:block;color:#fff;position:absolute;top:0;right:-80px;width:20px;font-size:1.4rem;padding:15px 15px 30px 15px;word-wrap: break-word;color:#fff;line-height:1.1;text-align:center;background:url(../images/icon_arrow_dw.png) no-repeat center 90% #333;}

#contents .toSim:hover{color:#fff;text-decoration:none;}
#contents .qBox{position:relative;background:none;z-index:9999;}
#contents .qBoxMask{position:absolute;background:#fff;z-index:9999;width:100%;height: 100%; display: block;opacity: 0.6;}
#contents .qBoxMask > *{pointer-events: none;}
#contents .qBoxMask.hide{opacity: 0;height: 0;transition: all 0.2s 0s ease-in-out;}
#contents .qBoxActive{display: block;height: 0;opacity: 0;visibility: hidden;transition: all 0.2s 0.2s ease-in-out;}
#contents .qBoxActive.show{height: 100%;opacity: 1;visibility: visible;}

#contents .toSim{position: -webkit-sticky;/*Safari*/position: sticky;top: 0;margin: 0 -80px 0 auto;}
#contents .none{display: none;}

#contents .toRemain{position:absolute;top:0;right:-80px;width:24px;font-size:1.4rem;padding:15px;word-wrap: break-word;color:#fff;line-height:1.1;text-align:center;background:#333;}
#contents .toRemain{position: -webkit-sticky;/*Safari*/position: sticky;top: 0;margin: 0 -80px 0 auto;}
#contents .toRemain span{font-size:2.0rem;font-weight:bold;color:#EB5505;}

/*-項目-*/
#contents .titleitemBox{position:relative;display:flex;padding:30px 0 10px 0;z-index:2;}
#contents .titleitemBox .item{display:block;font-size:1.5rem;font-weight:bold;}
#contents .titleitemBox .require{display:flex;background:#fff;border:1px solid #eb5505;border-radius:4px;height:1.2rem;margin:2px 0 0 10px;padding:4px 10px;justify-content: center;align-items: center;}
#contents .titleitemBox .require::after{color:#eb5505;content:'必須';font-size:1.1rem;}
#contents .titleitemBox .inputok{display:flex;background:#30875F;border:1px solid #30875F;border-radius:4px;height:1.2rem;margin:2px 0 0 10px;padding:4px 10px;justify-content: center;align-items: center;}
#contents .titleitemBox .inputok::after{color:#fff;content:url("../images/icon_check.png");height:1.2rem;}
#contents .titleitemBox .any{display:flex;background:#fff;border:1px solid #707070;border-radius:4px;height:1.2rem;margin:2px 0 0 10px;padding:4px 10px;justify-content: center;align-items: center;}
#contents .titleitemBox .any::after{color:#707070;content:'任意';font-size:1.1rem;}

#contents .titleleadBox{position:relative;display:flex;flex-direction: column;padding-bottom:20px;font-size:1.4rem;}
/*-0803修正-*/
#contents a.MdQuest{color:#222;cursor:pointer;}
#contents a.MdQuest:hover{color:#222;text-decoration:none;}
#contents span.MdQuest{display:inline-block;cursor:pointer;background:#eb5505;color:#fff;margin:0 0 0 5px;font-size:1.3rem;text-align:center;padding:0;width:18px;height:18px;border-radius:20px;}
#contents span.MdQuest:hover{text-decoration:none;}



/*-フォームボタン-*/
#contents .BoxContain{position:relative;display:flex;font-size:1.4rem;line-height:1.6;flex-wrap:wrap;width:100%;}
#contents a.BoxBig{margin:auto;color:#494949;cursor:pointer;position:relative;padding:16px 0;border-radius:8px;background:#fff;border:1px solid #d2d2d2;text-align:center;box-sizing:border-box;vertical-align:middle;}
#contents a.BoxBig:hover{text-decoration:none;border:1px solid #eb5505;box-shadow: 0 0 4px #eb5505;}

/*-230203-*/
#contents .formAttBox{font-size:1.1rem;background:#fff7cf;padding:5px 20px 15px 20px;margin:10px 0;}
#contents .formAttBox p{margin-top:10px;}
.w100p{width:100% !important;}
#contents a.BoxBig_auone{color:#494949;cursor:pointer;position:relative;padding:26px 0 0 0;border-radius:8px;background:#fff;border:1px solid #d2d2d2;text-align:center;box-sizing:border-box;margin-right:0;height:80px;line-height:80px;}
#contents a.BoxBig_auone:hover{text-decoration:none;border:1px solid #eb5505;box-shadow: 0 0 4px #eb5505;}

.isp-open{cursor:pointer;}
.isp-open .tgmenu{font-size:1.4rem;background:url(../images/icon_arrow_ispdw.png) 98% center no-repeat;padding:0 5px 0 0;}
.isp-open.active .tgmenu{font-size:1.4rem;background:url(../images/icon_arrow_ispup.png) 98% center no-repeat;padding:0 5px 0 0;}

#tgl.BoxContain{width:auto;}
#tgl{display:none;border-top:none;}
img.auoneAttimg{display:inline-block;height:80px;}
/*-//230203-*/

#contents a.selected{text-decoration:none;border:1px solid #eb5505;color:#eb5505;background:#FDEEE6;box-sizing:border-box;}
#contents a.selected  .txtArea{width:88%;border-top:1px solid #eb5505 !important;}
/*-bd3
#contents a.selected{text-decoration:none;border:3px solid #eb5505;padding:14px 0;box-shadow: 0 0 4px #fff;color:#eb5505;background:#FDEEE6;box-sizing:border-box;}
#contents a.selected  .txtArea{width:92%;border-top:1px solid #eb5505 !important;}
-*/
#contents span.Bigtx{display:block;font-size:5rem;line-height:1.0;letter-spacing:0;padding-top:6px;text-align:center;font-weight:normal;}
#contents span.Bigtx::after{display:inline-block;font-size:1.6rem;width:1.6rem;line-height:1.1;content:'ギガ';font-weight:bold;margin-left:4px;}
#contents span.Bigtx::before{display:block;text-align:center;font-size:1.6rem;width:12rem;line-height:1.1;content:'auひかりホーム';font-weight:bold;vertical-align:middle;margin:0 auto;margin-bottom:10px;}

#contents .onecolM{width:100%;margin-right:0;margin-bottom:10px;}

#contents .twocolM{width:49%;margin-right:2%;margin-bottom:10px;}
#contents .twocolM:nth-child(2n){margin-right:0;}
#contents .twocolMsp{width:49%;margin-right:2%;margin-bottom:10px;}
#contents .twocolMsp:nth-child(2n){margin-right:0;}
#contents .twocolMix{width:49%;margin-right:2%;margin-bottom:10px;}
#contents .twocolMix:nth-child(2n-1){margin-right:0;}
#contents .twocolMixB{width:49%;margin-right:1%;margin-bottom:10px;display:inline-block;}
#contents .twocolMixB:nth-child(2n-1){margin-right:0;}

#contents .threecolM{width:32%;margin-right:2%;margin-bottom:10px;}
#contents .threecolM:nth-child(3n){margin-right:0;}

#contents a.BoxBig .plan{display:flex;flex-wrap:wrap;margin:0 auto;width:84%;padding:10px 0;}
#contents a.BoxBig .plan .ColL{width:22%;text-align:right;line-height:1.0;padding-top:11px;}
#contents a.BoxBig .plan .ColR{width:78%;}
#contents a.BoxBig .txtArea{margin:0 auto;width:88%;text-align:center;border-top:1px solid #D1D1D1;}
#contents a.BoxBig .txtArea p{font-size:1.1rem;padding-left:1.0em;text-indent:-1.0em;padding-top:10px;}
#contents a.BoxBig .txtArea p.noindent{font-size:1.1rem;padding-top:10px;padding-left:0em;text-indent:0em;}
#contents a.BoxBig .mtadjust{margin-top:68px;}
#contents a.OneItem{padding-top:24px;}

/*-btn-*/
/*-0725position:relative;追加-*/
#contents .BtnArea{position:relative;margin:0 auto;margin:50px 0;text-align:center;}

#contents .BtnArea .nosignal{display:block;width:45%;margin:0 auto;background:#aaa;font-size:2.0rem;font-weight:bold;color:#fff;line-height:54px;border-radius:50px;}
#contents .BtnArea .signupBtn{display:block;width:45%;margin:0 auto;background:#EA6219;font-size:2.0rem;font-weight:bold;color:#fff;line-height:54px;border-radius:50px;}
#contents .BtnArea .signupBtn:hover{text-decoration:none;opacity:.6;}

/*-toggle switch-*/
#contents .toggleArea{display:flex;margin:0 0 20px 0;}
#contents .toggleArea .switchArea{position:relative;width:54px;background: #fff;margin:0 auto;}
#contents .toggleArea .switchArea input[type="checkbox"]{display:none;}
#contents .toggleArea .switchArea input[type="checkbox"]:checked +label{background :#eb5505;}
#contents .toggleArea .switchArea label{display:block;box-sizing:border-box;height:30px;background:#d1d1d1;border-radius:15px;}
#contents .toggleArea .switchArea #swImg{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:12px;background:#fff;transition: .2s;}
/*-0803修正-*/
#contents .toggleArea .switchArea input[type="checkbox"]:checked ~ label #swImg {transform:translateX(24px);}

#contents .toggleArea .textArea{font-size:1.8rem;font-weight:bold;width:660px;margin-left:16px;padding-top:4px;}

/*-simulator-*/
#contents .simulator{background:#F3F3F3;padding:30px 10px 10px 10px;margin-top:60px;}
#contents .simulator .title{position:relative;text-align:center;padding-bottom:10px;font-size:1.8rem;font-weight:bold;}
#contents .simulationBox{border:1px solid #E5E5E5;padding:20px 30px 0 30px;margin-top:25px;background:#fff;}
#contents .simulationBox h3{border-bottom:1px solid #777;text-align:center;font-size:1.8rem;font-weight:bold;padding-bottom:10px;margin:0 auto;}
#contents .simulationBox .innerBox{display:flex;width:45%;margin:0 auto;font-size:1.4rem;padding-top:10px;flex-wrap:wrap;}
#contents .simulationBox .intitle{font-size:1.4rem;font-weight:bold;width:45%;margin:0 auto;}
#contents .simulationBox .innerBox li{width:40%;}
#contents .simulationBox .innerBox li.taR{width:60%;line-height:1.0;margin-bottom:10px;}
#contents .simulationBox .attBox{font-size:1.1rem;background:#F3F3F3;margin:10px 0 30px 0;padding:20px;}
#contents .simulationBox .attBox li{padding-bottom:8px;padding-left:1.0em;text-indent:-1.3em;}
#contents .simulationBox .attBox li:last-child{padding-bottom:0;}

#ftTel{width:100%;background:#F3F3F3;padding:40px 0;}
#ftTel .fukidashi{position:relative;font-size:1.4rem;text-align:center;line-height:1.8;}
#ftTel .BtnArea{margin:0 auto;margin:10px 0;text-align:center;}
#ftTel .ft-telBtn{display:block;width:22%;margin:0 auto;border:2px solid #333;font-size:2.4rem;line-height:54px;border-radius:50px;color:#222;}
#ftTel .ft-telBtn:hover{text-decoration:none;}
#ftTel .ft-telBox{margin:0 auto;margin-top:15px;font-size:1.4rem;text-align:center;}

/*-footer-*/
#footerB{position:relative;width:100%;background:#fff;border-top:1px solid #e9e9e9;}
#footerB div{width:730px;margin:0 auto;padding:15px 0;display:flex;}
#footerB div .logo{width:50%;}
#footerB div .copy{text-align:center;font-size:1.0rem;width:100%;padding-top:10px;}

/*-config-*/
.channeltxt{font-weight:normal;color:#494949;font-size:1.1rem;}
.pdtb5{padding:5px 0;}
.pdt6{padding-top:6px !important;}
.pdt10{padding-top:10px;}
/*-0725position: relative;追加-*/
.mtb510{position:relative;margin:5px 0 10px 0;}
.pdtb10{padding:10px 0;}
.nobdb{border-bottom:none !important;}
.mt30{margin-top:30px;}


.mtb10{margin:10px 0 !important;}
.ml10{margin-left:10px;}
.mt80{margin-top:80px !important;}
.pdt20{padding-top:20px;}
.pdt30{padding-top:30px;}
.w50{width:50%;}
.w100{width:100% !important;}
.fs10_{font-size:1.0rem;}
.fs11_{font-size:1.1rem;}
.fs12_{font-size:1.2rem;}
.fs14_{font-size:1.4rem;}
.fs15_{font-size:1.5rem;}
.fs16_{font-size:1.6rem;}
.fs17_{font-size:1.7rem;}
.fs18_{font-size:1.8rem;}
.fs24_{font-size:2.4rem;font-weight:normal;}
.fs48_{font-size:4.8rem;font-weight:normal;}
.txtdu{text-decoration:underline;}

/*-st1mantion-*/
#contents .mantionplan{background:#f3f3f3;padding:5px;margin-top:40px;}
#contents .mantionplan .innerBox{border:1px solid #e5e5e5;background:#fff;text-align:center;padding:10px 0 15px 0;}
#contents .mantionplan .innerBox .plantitle{display:inline-block;background:url(../images/icon_mantion_plan.png) no-repeat center left;font-size:1.6rem;font-weight:bold;background-size:44px auto;padding:15px 0 8px 0px;}
#contents .mantionplan .innerBox span{font-size:2.4rem;color:#EB5505;font-weight:bold;}

/*-step2-*/
#contents .userform input[type="text"]{border:1px solid #d1d1d1;border-radius:4px;padding:10px 2%;font-size:1.6rem;box-shadow:2px 2px 0 0 rgba(0,0,0,0.1) inset;vertical-align:middle;}
#contents .complianceArea{margin-top:40px;border-bottom:3px solid #e5e5e5;padding-bottom:30px;}
#contents .complianceArea .txtLead{border-bottom:3px solid #e5e5e5;padding-bottom:30px;font-size:1.4rem;}
#contents a.DwnLoad{margin-top:10px;background:url(../images/icon_dwnload.png) no-repeat left center;padding-left:15px;}
#contents a.DwnLoad span{display:inline-block;background:#dd2211;border-radius:3px;color:#fff;font-size:1.1rem;text-align:center;padding:2px 5px;margin:0 0 0 8px;vertical-align:top;}
#contents a.BoxBig .step2A{display: flex;justify-content: center;align-items: center;margin-top:25px;}
#contents a.BoxBig .step2B{display:inline-block;vertical-align:middle;margin-top:4px;}
#contents a.BoxBig .step2C{margin-top:10px;padding-top:5px;}

/*-step3-*/
#contents input.twoCol{position:relative;width:44%;margin-right:3%;}
#contents input.twoCol:nth-child(2n){margin-right:0;}
#contents select.year{width:90px;margin-right:1%;margin-left:0;}
#contents input.oneCol{width:96%;}
#contents input.apartname1{width:96%;margin-right:2%;}
#contents input.apartname2{width:26%;}
#contents span.apartname2-2{display:block;border-left:1px solid #d1d1d1;font-size:1.6rem;margin-left:-45px;padding:10px 0 0 5px;}
#contents .anotherBox{background:#fff;box-shadow: 0 0 4px #d6d6d6;border-radius:8px;padding:0 20px 20px 20px;margin-top:20px;}
#contents input.zip1{width:50px;margin-right:1%;}
#contents input.zip2{width:50px;margin-left:1%;margin-right:2%;}
#contents .anotherBox .nozipcode{display:inline-block;font-size:1.4rem;margin:0 0 0 20px;vertical-align:bottom;}
#contents .calendar select{border:1px solid #d1d1d1;border-radius:4px;padding:10px 0px 10px 20px;font-size:1.6rem;box-shadow:2px 2px 0 0 rgba(0,0,0,0.1) inset;margin:0 1% 0 2%;}
.fmBtn{background:#333;color:#fff;font-size:1.4rem;text-align:center;border-radius:40px;line-height:1.4rem;padding:8px 16px;cursor:pointer;}
#contents .plivacyac{background:#f3f3f3;padding:5px;margin-top:0;}
#contents .plivacyac .innerBox{border:1px solid #e5e5e5;background:#fff;text-align:left;padding:15px;font-size:1.4rem;}

/*-0725position: relative;追加-*/
#contents .plivacyac .checkArea{position: relative;text-align:center;padding:20px 0 15px 0;}

.control {display: block;position: relative;padding-left: 30px;margin-bottom: 15px;cursor: pointer;font-size:1.8rem;font-weight:bold;width: fit-content;margin: 0 auto;`}
.control input {position: absolute;z-index: -1;opacity: 0;}
.control__indicator {position: absolute;top: 1px;left: -2px;height: 22px;width: 22px;background: #fff;border:1px solid #d1d1d1;border-radius:4px;}
.control--checkbox .control__indicator:after {left: 8px;top: 4px;width: 6px;height: 9px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.control__indicator:after {content: '';position: absolute;display: none;}
.control input:checked ~ .control__indicator {border:1px solid #EB5505;border-radius: 4px;background: #EB5505;}
.control input:checked ~ .control__indicator:after {display: block;}

.osusumeTag{position:absolute;top:-1px;left:-1px;font-size:1.2rem;font-weight:bold;color:#fff;background:#EB5505;border-radius:8px 0 8px 0;padding:5px 10px 2px 10px;}

/*-modal-*/
#modal-bg {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index: 99998;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
#modal-mainMdQ1{display:none;position:absolute;width:996px;margin:0;padding:0;background: #fff;border-radius:10px;z-index: 99999;margin-top:20vh;}
#modal-mainMdQ2{display:none;position:absolute;width:996px;margin:0;padding:0;background: #fff;border-radius:10px;z-index: 99999;margin-top:20vh;}
#modal-mainMdQ2Apt{display:none;position:absolute;width:660px;margin:0;padding:0;background: #fff;border-radius:10px;z-index: 99999;margin-top:20vh;}

#modal-mainMdQ3{display:none;position:absolute;width:530px;margin:0;padding:0;background: #fff;border-radius:10px;z-index: 99999;margin-top:20vh;}
#modal-mainMdQ4{display:none;position:absolute;width:530px;margin:0;padding:0;background: #fff;border-radius:10px;z-index: 99999;margin-top:20vh;}
#modal-mainMdQ5{display:none;position:absolute;width:530px;margin:0;padding:0;background: #fff;border-radius:10px;z-index: 99999;margin-top:20vh;}
#modal-mainEntryTel{display:none;position:absolute;width:530px;margin:0;padding:0;background: #fff;border-radius:10px;z-index: 99999;margin-top:20vh;}

.btnClose{position:absolute;top:-70px;right:0;cursor:pointer;}
.btnClose .close {display: block;position: relative;width: 40px;height: 40px;border-radius:40px;border:3px solid #fff;}
.btnClose .close::before, .btnClose .close::after {content: "";position: absolute;top: 50%;left: 50%;width: 2px;height:24px;background: #fff;}
.btnClose .close::before {transform: translate(-50%,-50%) rotate(45deg);}
.btnClose .close::after {transform: translate(-50%,-50%) rotate(-45deg);}

#modalArea .inner{padding:30px;font-size:1.4rem;}
#modalArea .inner .titleArea{padding-bottom:30px;text-align:center;}
#modalArea .inner .titleAreaB{padding-bottom:30px;text-align:center;border-bottom:3px solid #e5e5e5;margin-bottom:30px;}
#modalArea .inner .titleArea h4,#modalArea .inner .titleAreaB h4{font-size:1.8rem;font-weight:bold;margin-bottom:10px;}

#modalArea .inner .explainArea{border-top:3px solid #e5e5e5;padding:30px 0;}
#modalArea .inner .bnrArea{position:relative;border:1px solid #EB5505;background:#FDEEE6;font-size:1.7rem;font-weight:bold;margin-bottom:15px;padding:20px 0 20px 20px;color:#EB5505;}
#modalArea .inner .bnrArea .bnrAreaCutin{width:45%;position:absolute;top:0;right:0;background:#EB5505;color:#fff;height:100%;-webkit-clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);}

#modalArea .inner .bnrArea .bnrAreaCutin p{text-align:center;font-size:1.1rem;font-weight:bold;color:#FFEA80;padding:20px 0 0 15px;}
#modalArea .inner .bnrArea .bnrAreaCutin .spdtxt{display:block;color:#fff;font-size:3.0rem;line-height:1.0;letter-spacing:0;padding-top:2px;text-align:center;font-weight:normal;}
#modalArea .inner .bnrArea .bnrAreaCutin .spdtxt::before{display:inline-block;font-size:1.2rem;width:1.2rem;line-height:1.1;content:'速さ';font-weight:bold;margin-right:4px;}
#modalArea .inner .bnrArea .bnrAreaCutin .spdtxt::after{display:inline-block;font-size:1.0rem;width:1.0rem;line-height:1.1;content:'※';margin-left:2px;vertical-align:top;}


#modalArea .inner .displayArea{overflow-y: auto;overflow-x: hidden;height:60vh;}
#modalArea .inner .displayArea::-webkit-scrollbar {width: 6px;height: 6px;}
#modalArea .inner .displayArea::-webkit-scrollbar-track {background: #f1f1f1;}
#modalArea .inner .displayArea::-webkit-scrollbar-thumb {background: #d1d1d1;border-radius:6px;}

.bnrAreaOff{text-align:center;padding:20px 0 20px 0 !important;}
.freeexLink{font-size:1.1rem;margin-bottom:5px;}
.freeAtt{font-size:1.1rem;padding-left:1.0em;text-indent:-1.0em;}
.freeAtt span{text-decoration:underline;}
.freeAtt .spanB{background:#FFF7CF;}


#modalArea .inner .imgBox{position:relative;z-index:9;background:#f3f3f3;padding:15px 4%;font-size:1.4rem;float:left;}
#modalArea .inner .expand{position:absolute;z-index:10;top:50%;left:-34px;background:#707070;width:45px;height:45px;border-radius:50px;font-size:1.1rem;color:#fff;text-align:center;line-height:45px;margin:0 auto;}
#modalArea .inner .bnrAreaB{position:relative;border:1px solid #EB5505;background:#FDEEE6;font-size:1.8rem;font-weight:bold;margin-bottom:15px;padding:20px 0 20px 10px;color:#EB5505;}
#modalArea .inner .bnrAreaB .bnrAreaCutinB{width:45%;position:absolute;top:0;right:0;background:#EB5505;color:#fff;height:100%;-webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 36% 50%);polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 36% 50%);}
#modalArea .inner .bnrAreaB .bnrAreaCutinB p{text-align:center;font-size:1.4rem;line-height:1.2;font-weight:bold;color:#fff;padding:18px 0 0 35px;}

#modalArea #mdTel .BtnArea{margin:0 auto;margin:0 0 30px 0;text-align:center;}
#modalArea #mdTel .ft-telBtn{display:block;width:70%;margin:0 auto;border:2px solid #333;font-size:2.4rem;line-height:54px;border-radius:50px;color:#222;}
#modalArea #mdTel .ft-telBtn:hover{text-decoration:none;}
#modalArea #mdTel .ft-telBox{margin:0 auto;margin-top:15px;font-size:1.4rem;text-align:center;background:#f3f3f3;padding:10px 0;}

/*-0727追加-*/
#modalArea .inner .tdL{padding:30px 30px 30px 5px;border-right:3px solid #e5e5e5;width:33%;border-bottom:3px solid #e5e5e5;width:33%;}
#modalArea .inner .tdC{padding:30px;width:34%;}
#modalArea .inner .tdR{padding:30px 5px 30px 30px;border-left:3px solid #e5e5e5;border-bottom:3px solid #e5e5e5;width:33%;}
#modalArea .inner .exTwoCol{margin:30px 0;}
#modalArea .inner .exTwoCol .twoL{width:41%;}
#modalArea .inner .exTwoCol .twoR{float:right;width:41%;}
#modalArea .inner .exTwoCol .twoR img{margin-bottom:22px;}
#modalArea .inner .attention{padding-left:1.0em;text-indent:-1.0em;font-size:1.1rem;margin-top:10px;}


/*-0725-validation-*/
.validation{position: absolute;top:-25px;left:0;background:#FF0800;border-radius:4px;color:#fff;font-size:1.0rem;font-weight:bold;text-align:center;padding:5px 1.2rem;word-wrap: normal;margin:0 auto;z-index:999;}
.validation:after{content: "";position: absolute;right: 0;bottom: -8px;left: 0;width: 0px;height: 0px;margin: auto;border-style: solid;border-width: 10px 8px 0 8px;border-color: #FF0800 transparent transparent transparent;}
.validation-tw{position: absolute;top:-25px;left:52%;background:#FF0800;border-radius:4px;color:#fff;font-size:1.0rem;font-weight:bold;text-align:center;padding:5px 1.2rem;word-wrap: normal;margin:0 auto;z-index:999;}
.validation-tw:after{content: "";position: absolute;right: 0;bottom: -8px;left:0;width: 0px;height: 0px;margin: auto;border-style: solid;border-width: 10px 8px 0 8px;border-color: #FF0800 transparent transparent transparent;}

.validation-year{position: absolute;top:-25px;left:0;background:#FF0800;border-radius:4px;color:#fff;font-size:1.0rem;font-weight:bold;text-align:center;padding:5px 1.2rem;word-wrap: normal;margin:0 auto;z-index:999;}
.validation-year:after{content: "";position: absolute;right: 0;bottom: -8px;left:0;width: 0px;height: 0px;margin: auto;border-style: solid;border-width: 10px 8px 0 8px;border-color: #FF0800 transparent transparent transparent;}
.validation-mon{position: absolute;top:-25px;left:16%;background:#FF0800;border-radius:4px;color:#fff;font-size:1.0rem;font-weight:bold;text-align:center;padding:5px 1.2rem;word-wrap: normal;margin:0 auto;z-index:999;}
.validation-mon:after{content: "";position: absolute;left:-2rem;right:0;bottom: -8px;;width: 0px;height: 0px;margin: auto;border-style: solid;border-width: 10px 8px 0 8px;border-color: #FF0800 transparent transparent transparent;}
.validation-day{position: absolute;top:-25px;left:32%;background:#FF0800;border-radius:4px;color:#fff;font-size:1.0rem;font-weight:bold;text-align:center;padding:5px 1.2rem;word-wrap: normal;margin:0 auto;z-index:999;}
.validation-day:after{content: "";position: absolute;left:-2rem;right:0;bottom: -8px;width: 0px;height: 0px;margin: auto;border-style: solid;border-width: 10px 8px 0 8px;border-color: #FF0800 transparent transparent transparent;}

.valid_color{border:1px solid #FF0800 !important;background:#FFDCDB !important;}
.valid_color::placeholder{color:#FF0800 !important;}
.checkArea .validation{position: absolute;top:-30px;left: 50%;transform: translateX(-50%);-webkit- transform:translateX(-50%);}

.zip1 ~ .validation{position: absolute;top:-35px;left:0;line-height:1.2;}
.apartval ~ .validation{position: absolute;top:15px;left:0;}
.twoCol ~ .validation{position: absolute;top:-25px;left:0;}

#contents .pdadjust{display:block;padding-top:32px;}


/*-202211-btn-*/
.provLinkBtn{display:block;background:#333;color:#fff !important;border-radius:40px;text-align:center;padding:10px 20px 8px 20px;margin:0 auto;margin-top:20px;margin-bottom:20px;line-height:1.1;font-weight:normal;}
.provLinkBtn:hover{background:#555;text-decoration:none !important;}
.provLinkBtn img{margin-top:2px;}

/*-202303-box-*/
.toggleBox{border:1px solid #d1d1d1;margin-top:10px;box-sizing: content-box;padding:15px 10px;}
.provLinkBtn:hover{background:#555;text-decoration:none !important;}
.provLinkBtn img{margin-top:2px;}

/*-------
TAB/SP--------------------------------------------------------*/
@media (max-width: 1020px) and (min-width: 912px){

#modal-mainMdQ1{width:94%;margin-top:15vh;}
#modal-mainMdQ2{width:94%;margin-top:15vh;}
#modal-mainMdQ2Apt{width:94%;margin-top:15vh;}
#modal-mainMdQ3{width:94%;margin-top:15vh;}
#modal-mainMdQ4{width:94%;margin-top:15vh;}
#modal-mainMdQ5{width:94%;margin-top:15vh;}
#modalArea .inner .bnrArea{position:relative;border:1px solid #EB5505;background:#FDEEE6;font-size:1.5rem;font-weight:bold;margin-bottom:15px;padding:20px 0 20px 10px;color:#EB5505;}

#modalArea .inner .bnrArea .bnrAreaCutin{width:50%;position:absolute;top:0;right:0;background:#EB5505;color:#fff;height:100%;-webkit-clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);}

#modalArea .inner .bnrArea .bnrAreaCutin p{text-align:center;font-size:1.1rem;font-weight:bold;color:#FFEA80;padding:20px 0 0 10px;}
#modalArea .inner .bnrArea .bnrAreaCutin .spdtxt{display:block;color:#fff;font-size:2.4rem;line-height:1.0;letter-spacing:0;padding-top:2px;text-align:center;font-weight:normal;}
#modalArea .inner .bnrArea .bnrAreaCutin .spdtxt::before{display:inline-block;font-size:1.1rem;width:1.1rem;line-height:1.1;content:'速さ';font-weight:bold;margin-right:4px;}
#modalArea .inner .bnrArea .bnrAreaCutin .spdtxt::after{display:inline-block;font-size:1.0rem;width:1.0rem;line-height:1.1;content:'※';margin-left:2px;vertical-align:top;}


}

/*-------
SP-------------------------------------------------------------*/
@media screen and (max-width:767px) {
.noPC{display:block;}
.noSP{display:none;}

#contents{padding-top:20px;}
#contents .contain{width:94%;}
.h2Area h2 span{top:5px;}
#contents .contain .ErrorArea{padding:10px 15px;margin-bottom:15px;}
#contents .contain .ErrorAreaUd{padding:10px 15px;margin-top:15px;}

#contents .contain .BtnArea{margin:0 auto;padding:15px 0 20px 0;}
#contents .contain .BtnArea .patA{width:80%;margin:0 auto;}
#contents .contain .BtnArea .patA .LeftBtn{width:48%;}
#contents .contain .BtnArea .patA .RightBtn{width:48%;}
#footer div{width:90%;}
#footer div p{width:74%;}

/*-stepflow-*/
.stepflow .step4{font-size:11px;}
.stepflow .step4 td{padding:15px 10px 10px 5px;}
.stepflow .step8{font-size:12px;line-height:1.2;}
.stepflow .step8 td{display:block;padding:0;width:25%;float:left;height:85px;margin-bottom:10px;}
.stepflow .step8 td p{padding:12px 8px 0 5px;}
.stepflow .step8 .cur{color:#fff;padding:0;}
.stepflow .step8 .complete{width:25%;padding:20px 0 0 0;height:65px;}

#contents .h2Title h2{position:relative;width:40%;margin:0 auto;display:block;text-align:center;font-size:1.4rem;background:#fff;margin-top:-1rem;z-index:999;color:#eb5505;font-weight:bold;}
.plan .pdt6{padding-top:11px !important;}

/*-BoxConfig-*/
#contents .toSim{position:absolute;bottom:0;right:0;width:40%;height:1.4rem;font-size:1.4rem;padding:10px 30px 10px 10px;word-wrap:normal;line-height:1.4rem;text-align:center;background:url(../images/icon_arrow_dw.png) no-repeat 90% center #333;z-index:10000;}

#contents .h2Title {margin-top: 8rem;;}
#contents .toSim{position: fixed;top: auto;bottom: 0;margin: 0 0 0 auto;}

#contents .toRemain{position:fixed;top:auto;bottom:0;right:0;width:100%;height:1.4rem;font-size:1.4rem;;margin: 0 0 0 auto;padding:20px 10px 20px 10px;word-wrap:normal;line-height:1.4rem;text-align:center;z-index:10000;}
#footerB{margin-bottom: 60px;}

/*-フォームボタン-*/
#contents .BoxContain{position:relative;display:flex;font-size:1.4rem;line-height:1.4;flex-wrap:normal;width:100%;}
#contents a.BoxBig{/*-display:block;-*/vertical-align:top;margin: 10px 0;}
#contents a.OneItem{padding-top:18px;}
#contents .threecolM{width:100%;margin-right:0;margin-bottom:10px;text-align:center;}
#contents .onecolM{width:100%;margin-right:0;margin-bottom:10px;}
#contents .sptwo{width:49%;margin-right:2%;margin-bottom:10px;}
#contents .sptwo:nth-child(2n){margin-right:0;}
#contents a.BoxBig .Bigtx ~ .txtArea{border-top:none !important;}
#contents a.BoxBig .Bigtx ~ .mt10{margin-top:0 !important;}
#contents a.BoxBig .txtArea p.noindent{text-align:center;padding-top:5px;}

#contents a.BoxBig .sptxt{margin-top:-50px;}


#contents span.Bigtx{display:inline-block;font-size:3.2rem;;padding-top:0;text-align:center;margin-left:4px;}
#contents span.Bigtx::before{display:inline-block;font-size:1.6rem;width:12rem;line-height:1.1;content:'auひかりホーム';font-weight:normal;vertical-align:middle;margin-right:4px;padding-top:5px;}
#contents span.Bigtx::after{display:inline-block;font-size:1.4rem;width:1.4rem;line-height:1.1;content:'ギガ';font-weight:bold;margin-left:4px;}

#contents a.BoxBig .mtadjust{margin-top:10px;}

/*-btn-*/
#contents .BtnArea{margin:20px 0 !important;}
#contents .BtnArea .nosignal{display:block;width:80%;line-height:54px;}
#contents .BtnArea .signupBtn{display:block;width:80%;line-height:54px;}

/*-toggle switch-*/
#contents .toggleArea{display:flex;margin:0 0 20px 0;}
#contents .toggleArea .switchArea{position:relative;width:40px;background: #fff;margin:0 auto;}
#contents .toggleArea .switchArea input[type="checkbox"]{display:none;}
#contents .toggleArea .switchArea input[type="checkbox"]:checked +label{background :#eb5505;}
#contents .toggleArea .switchArea label{display:block;box-sizing:border-box;height:24px;background:#d1d1d1;border-radius:15px;}
#contents .toggleArea .switchArea #swImg{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:12px;background:#fff;transition: .2s;}
#contents .toggleArea .switchArea input[type="checkbox"]:checked ~ label #swImg {transform:translateX(16px);}
#contents .toggleArea .textArea{font-size:1.6rem;width:84%;margin-left:2%;padding-top:2px;}
.BoxContain .fs16_{font-size:1.5rem;}

/*-simulator-*/
#contents .simulator{margin-top:40px;}
#contents .simulationBox .fs48_{font-size:3.0rem;}
#contents .simulationBox{padding:20px 10px 0 10px;}
#contents .simulationBox h3{font-size:1.6rem;}
#contents .simulationBox .innerBox{display:flex;width:90%;margin:0 auto;font-size:1.1rem;padding-top:10px;flex-wrap:wrap;}
#contents .simulationBox .intitle{font-size:1.1rem;font-weight:bold;width:90%;margin:0 auto;}
#contents .simulationBox .innerBox li{width:40%;}
#contents .simulationBox .innerBox li.taR{width:60%;line-height:1.0;margin-bottom:10px;}
#contents .simulationBox .attBox{font-size:1.1rem;background:#F3F3F3;margin:10px 0 30px 0;padding:15px;}

#ftTel .fukidashi{font-size:1.2rem;line-height:1.6;}
#ftTel .ft-telBtn{width:70%;}

/*-footer-*/
#footerB div{width:100%;margin:0 auto;padding:15px 0;display:block;}
#footerB div .logo{width:100%;text-align:center;}
#footerB div .copy{text-align:center;font-size:1.0rem;width:100%;padding-top:10px;}

/*-st1mantion-*/
#contents .mantionplan .innerBox{padding:0 0 20px 0;}
#contents .mantionplan .innerBox .plantitle{background:url(../images/icon_mantion_plan.png) no-repeat center center;background-size:44px auto;padding:45px 0 0 0;}
#contents .mantionplan .innerBox span{font-size:1.8rem;}

/*-step2-*/
#contents a.BoxBig .step2A{margin-top:30px;margin-bottom:30px;padding-top:0 !important;}
#contents a.BoxBig .step2B{display:table-cell;margin-left:2%;vertical-align:middle;text-align:center;}
#contents a.BoxBig .step2C{display:table-cell;margin-top:0;padding-top:0;}
#contents a.BoxBig .step2B ~ .txtArea{width:60%;text-align:left;border-top:none;border-left:1px solid #D1D1D1;padding:0 2%;}
#contents a.BoxBig .step2B ~ .txtArea p{font-size:1.1rem;padding-left:1.0rem;text-indent:-0.6rem;padding-top:0;}
#contents a.BoxBig .step2B ~ .txtArea p.maru{padding-left:1.6rem;padding-top:5px;}
#contents a.selected .step2B ~ .txtArea{border-left:1px solid #eb5505 !important;border-top:none !important;}

/*-step3-*/
#contents input.twoCol{width:100%;margin-right:0;margin-bottom:15px;}
.w50{width:96%;}
#contents input.zip1{width:40px;margin-right:1%;}
#contents input.zip2{width:50px;margin-left:1%;margin-right:2%;}
.fmBtn{font-size:1.2rem;line-height:1.2rem;padding:10px 8px;}
#contents input.apartname1{width:96%;margin-right:0;margin-bottom:15px;}
#contents input.apartname2{width:50%;}
#contents span.apartname2-2{display:block;border-left:1px solid #d1d1d1;font-size:1.6rem;margin-left:-45px;padding:10px 0 0 5px;}
#contents select{border:1px solid #d1d1d1;border-radius:4px;font-size:1rem;box-shadow:2px 2px 0 0 rgba(0,0,0,0.1) inset;margin:0 1% 0 2%;}

.freeAtt{font-size:1.1rem;padding-left:1.0rem;text-indent:-0.6rem;}

/*-modal-*/
#modal-mainMdQ1{width:94%;margin-top:10vh;}
#modal-mainMdQ2{width:94%;margin-top:10vh;}
#modal-mainMdQ2Apt{width:94%;margin-top:10vh;}
#modal-mainMdQ3{width:94%;margin-top:10vh;}
#modal-mainMdQ4{width:94%;margin-top:10vh;}
#modal-mainMdQ5{width:94%;margin-top:10vh;}
#modal-mainEntryTel{width:94%;margin-top:10vh;}

#modalArea .inner{padding:20px;}
#modalArea .inner .titleArea{padding-bottom:20px;}
#modalArea .inner .titleArea p,#modalArea .inner .titleAreaB p{text-align:left;}
#modalArea .inner .spLine{border-top:none !important;}
#modalArea .inner .explainArea{padding:20px 0;}
#modalArea .MdQ4 .explainArea{border-top:none;padding:0 0 20px 0;}

#modalArea .inner .bnrArea{font-size:1.4rem;padding:10px 49% 10px 10px;text-align:center;}
#modalArea .inner .bnrArea span{font-size:2.4rem;}
#modalArea .inner .bnrArea .bnrAreaCutin{width:48%;}
#modalArea .inner .bnrArea .bnrAreaCutin p{padding:15px 0 0 20px;}

#modalArea .inner .displayArea{height:70vh;}
.bnrAreaOff{text-align:center;padding:10px 0 10px 0 !important;}
#modalArea .inner .bnrAreaB{font-size:1.6rem;padding:20px 0 20px 10px;}
#modalArea .inner .bnrAreaB .bnrAreaCutinB{width:120px;}
#modalArea .inner .bnrAreaB .bnrAreaCutinB p{padding:15px 0 0 35px;}

/*-0727追加-*/
#modalArea .inner .imgBox{position:relative;z-index:9;background:#f3f3f3;padding:4%;font-size:1.4rem;float:none;width:90% !important;margin:0 auto;}
#modalArea .inner .expand{position:absolute;z-index:10;top:-35px;background:#707070;width:45px;height:45px;border-radius:50px;font-size:1.1rem;color:#fff;text-align:center;line-height:45px;margin:0 auto;left: 50%;transform: translateX(-50%);-webkit- transform:translateX(-50%);}

#modalArea .inner .tdL{display:block;padding:0 0 20px 0;border-right:none;width:33%;border-bottom:3px solid #e5e5e5;width:98%;}
#modalArea .inner .tdC{display:block;padding:20px 0 20px 0;border-bottom:3px solid #e5e5e5;width:98%;}
#modalArea .inner .tdR{display:block;padding:20px 0 20px 0;border-left:none;border-bottom:none;width:98%;}
#modalArea .inner .exTwoCol{margin:0 auto;margin-top:20px;}
#modalArea .inner .exTwoCol .twoL{width:100%;margin-bottom:30px;}
#modalArea .inner .exTwoCol .twoR{float:none;width:100%;padding-top:10px;}
#modalArea .inner .exTwoCol .twoR img{margin-bottom:0;}
.nobdb{border-bottom:3px solid #e5e5e5 !important;}


/*-0725-validation-*/
.validation{left: 50%;transform: translateX(-50%);-webkit- transform:translateX(-50%);}
.validation-tw{top:30px;left: 50%;transform: translateX(-50%);-webkit- transform:translateX(-50%);}
.zip1 ~ .validation{left: 18%;}
.apartval ~ .validation{left:22%;}
.twoCol ~ .validation{top:-25px;left: 50%;transform: translateX(-50%);-webkit- transform:translateX(-50%);}
#contents .pdadjust{padding-top:0;}

.validation-year{position: absolute;top:-25px;left:0;background:#FF0800;border-radius:4px;color:#fff;font-size:1.3rem;font-weight:bold;text-align:center;padding:5px 1rem;word-wrap: normal;margin:0 auto;z-index:999;}
.validation-year:after{content: "";position: absolute;bottom: -8px;right:4rem;width: 0px;height: 0px;margin: auto;border-style: solid;border-width: 10px 8px 0 8px;border-color: #FF0800 transparent transparent transparent;}
.validation-mon{position: absolute;top:-25px;left:10rem;background:#FF0800;border-radius:4px;color:#fff;font-size:1.3rem;font-weight:bold;text-align:center;padding:5px 1rem;word-wrap: normal;margin:0 auto;z-index:999;}
.validation-mon:after{content: "";position: absolute;bottom: -8px;left:0;right:3rem;width: 0px;height: 0px;margin: auto;border-style: solid;border-width: 10px 8px 0 8px;border-color: #FF0800 transparent transparent transparent;}
.validation-day{position: absolute;top:-25px;left:20rem;background:#FF0800;border-radius:4px;color:#fff;font-size:1.3rem;font-weight:bold;text-align:center;padding:5px 1rem;word-wrap: normal;margin:0 auto;z-index:999;}
.validation-day:after{content: "";position: absolute;bottom: -8px;left:0;right:3rem;width: 0px;height: 0px;margin: auto;border-style: solid;border-width: 10px 8px 0 8px;border-color: #FF0800 transparent transparent transparent;}

/*-202211-btn-*/
.provLinkBtn{display:block;background:#333;color:#fff !important;border-radius:40px;text-align:center;padding:10px 20px 8px 20px;margin:0 auto;margin-top:20px;margin-bottom:20px;line-height:1.1;font-weight:normal;}

/*-230203-*/

#contents a.BoxBig_auone{color:#494949;cursor:pointer;position:relative;padding:0 0 0 0;border-radius:8px;border:1px solid #d2d2d2;text-align:center;box-sizing:border-box;margin-right:1% !important;height:80px;line-height:auto;}
#contents a.BoxBig_auone:hover{text-decoration:none;border:1px solid #eb5505;box-shadow: 0 0 4px #eb5505;}
.isp-open{padding:10px 10px;}
img.auoneAttimg{display:inlin-block;width:100%;height:auto;}
.spwidth{margin-top:26px;width:75%;}
#contents .BoxBig_auone.twocolM{width:49% !important;margin-right:0;margin-bottom:10px;}

/*-//230203-*/
}